*{
    margin: 0;
    padding: 0;
}
/* 头 */
header{
    width: 1102px;
    height: 100px;
    background-color: #f29044;
    margin: 0 auto;
    overflow: hidden;
}

.head1{
    width: 205px;
    height: 54px;
    margin-top: 23px;
    float: left;
    background-color: #36b559;
}
.head2{
    width: 297px;
    height: 52px;
    margin-top: 25px;
    float: right;
    background-color: #3754b3;
}
/* nav */
nav{
    width: 100%;
    height: 60px;
    background-color: #2f2f2f;
}
.nav{
    width: 1102px;
    height: 60px;
    background-color:#f2fb2b;
    margin: 0 auto;
}
/* main */
main{
    width: 100%;
    height: 430px;
    background-color: #2f6fd9;
}
/* 第一个s */
#s1{
    width: 100%;
    height: 280px;
}
.s1{
    width: 1102px;
    height: 250px;
    margin:0 auto;
}
section .s1 .d1{
    width: 492px;
    height: 250px;
    background-color: #9791d6;
    margin-right: 22px;
    float: left;
}
section .s1 .d2{
    width: 348px;
    height: 250px;
    background-color: #f5f5f5;
    float: left;
}
section .s1 .d3{
    width: 240px;
    height: 250px;
    background-color: #d691c0;
    float: left;
}
/* 第2个s */
#s2{
    width: 100%;
    height: 288px;
    background-color: #f5f5f5;
    overflow: hidden;
}
.s2{
    width: 1054px;
    height: 197px;
    margin:47px auto 45px;
    background-color: white;
    overflow: hidden;
}
section .s2 .d1{
    width: 275px;
    height: 157px;
    background-color: #d691c0;
    margin:20px;
    float: left;
}
section .s2 .d2{
    width: 700px;
    height: 157px;
    background-color: #8f96d5;
    margin: 20px 32px 20px 7px;
    float: left;
}
/* 第3个s */
#s3{
    width: 1102px;
    height: 70px;
    background-color: #f4e20c;
    overflow: hidden;
    margin: 15px auto 13px;
}
#s3 .d1{
    width: 140px;
    height: 52px;
    background-color: #0b65f4;
    margin-top: 18px;
    float: left;
}
#s3 .d2{
    width: 523px;
    height: 55px;
    background-color: #0b65f4;
    margin-top: 13px;
    float: right;
}
/* 第四个S */
#s4{
    width: 100%;
    height: 320px;
}
.s4{
    width: 1102px;
    height: 290px;
    margin:0 auto 30px;
}
section .s4 .d1{
    width: 262px;
    height: 290px;
    background-color: #eff4f5;
    margin-right: 18px;
    float: left;
}
section .s4 .d2{
    width: 262px;
    height: 290px;
    background-color: #eff4f5;
    margin-right: 18px;
    float: left;
}
section .s4 .d3{
    width: 262px;
    height: 290px;
    background-color: #eff4f5;
    margin-right: 18px;
    float: left;
}
section .s4 .d4{
    width: 262px;
    height: 290px;
    background-color: #eff4f5;
    float: left;
}
footer{
    width: 1102px;
    height: 125px;
    background-color: #101c23;
    margin:0 auto;
}